<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Balance | Health &amp; Fitness</title>
<style type="text/css">@import url("http://fonts.googleapis.com/css?family=PT+Sans");</style>
<style type="text/css">@import url("http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz");</style>
<style type="text/css">@import url("http://fonts.googleapis.com/css?family=Vollkorn");</style>
<style type="text/css">@import url("css/reset.css");</style>
<style type="text/css">@import url("css/grid.css");</style>
<style type="text/css">@import url("css/styles.css");</style>
<style type="text/css">@import url("css/tabs.css");</style>
<!--Common jQuery-->
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!--Coda Slider-->
<style type="text/css">@import url("css/coda-slider-2.0.css");</style>
<!--CSS Switcher-->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<!--Flickr Feed-->
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="js/setup.js"></script>
<!--Parallax-->
<style type="text/css">@import url("layerslider/css/layerslider.css");</style>
<style type="text/css">@import url("css/parallax.css");</style>
<script src="layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#layerslider').layerSlider({
		    navPrevNext : true,
			navButtons : false,
    		navStartStop : false,
			animateFirstLayer : true,
			skinsPath : 'layerslider/skins/'
		});
	});		
</script>
<!--Toggle-->
<style type="text/css">@import url("css/toggle.css");</style>
<script type="text/javascript" src="js/expand.js"></script>
<!--Scroll Top-->
<script type="text/javascript" src="js/scroll.js"></script>
<!--Pretty Photo-->
<style type="text/css">@import url("css/prettyPhoto.css");</style>
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<!--Quicksand-->
<script type='text/javascript' language='Javascript' src='js/jquery.quicksand.js'></script>
<!--Nivo-->
<style type="text/css">@import url("css/nivo-slider-blog.css");</style>
<script type='text/javascript' src='js/jquery.nivo.slider.js'></script>
<script type='text/javascript'>
$(window).load(function() {
    $('#slider').nivoSlider();
    });
</script>
<!--Background-->
<script type="text/javascript" src="js/jquery.fullbg.min.js"></script>
<!--New Menu-->
<style type="text/css">@import url("css/menu.css");</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
</head>

<body>
<div id="maincontent">

<!--Top Nav-->
<div class="bar">
	<div class="container_12">

		<div class="grid_6">
			<div class="mininav">
            	<ul>
            		<li><a href="#" class="fade">Home</a></li>               	
                	<li><a href="#" class="fade">Find a Club</a></li>
                    <li><a href="#" class="fade">Site Map</a></li>
                    <li><a href="#" class="button dark small">Login</a></li>
            	</ul>
			</div>
		</div>
        
        <div class="grid_6 alignrightnopad">
        <!--Social Networks-->
        <div class="socialbar">
        	<a href="#"><img src="images/social_icons/twitter.png" class="social fade" alt="Twitter"/></a>
            <a href="#"><img src="images/social_icons/facebook.png" class="social fade" alt="Facebook"/></a>
            <a href="#"><img src="images/social_icons/linkedin.png" class="social fade" alt="Linkedin"/></a>
            <a href="#"><img src="images/social_icons/vimeo.png" class="social fade" alt="Vimeo"/></a>            
            <a href="#"><img src="images/social_icons/flickr.png" class="social fade" alt="Flickr"/></a>                 
        </div>
        <!--End Social Networks-->        
        </div>          
        
	</div>
</div>
<!--End Top Nav-->

<!--Start Box-->
<div class="box">
<a name="top" id="top"></a>

<!--Main Bar-->
<div class="container_12 navbar">
	<!--Logo-->
	<div class="grid_3_no_margin"><a href="index_home.html"><img src="images/logo.png" alt="" class="logo"/></a></div>
	<!--End Logo-->
	<!--Main Nav--> 
	<div class="grid_9_no_margin">

			<div id="menu">
				<ul>
					<li class="icon_drop"><a href="index_home.html">HOME</a>
                    	<ul>
                            <li><a href="index_home.html" class="fade">Parallax Slider</a></li>
							<li><a href="index_2.html" class="fade">Nivo Slider</a></li>
                            <li><a href="index_3.html" class="fade">Alternate Layout</a></li>
                        </ul>
                    </li>                   
                    <li class="icon_drop"><a href="company.html">ABOUT US</a>
                    	<ul>
                            <li><a href="company.html" class="fade">About Balance</a></li>
							<li><a href="services.html" class="fade">Services &amp; Facilities</a></li>                           
                            <li><a href="classes.html" class="fade">Fitness Classes</a></li>
                            <li><a href="pricing.html" class="fade">Membership Pricing</a></li>
                            <li><a href="events.html" class="fade">Events</a></li>
                        </ul>
                    </li>
                    <li class="icon_drop"><a href="#">FEATURES</a>
						<ul>
							<li><a href="typography.html" class="fade">Typography</a></li>
							<li><a href="elements.html" class="fade">Elements</a></li>
                            <li><a href="widgets.html" class="fade">Widgets</a></li>
                            <li><a href="sidebar1.html" class="fade">Sidebar Right</a></li>
							<li><a href="sidebar2.html" class="fade">Sidebar Left</a></li>
                            <li class="icon_sub"><a href="#" class="fade">Multi Tier Menu</a>
                            	<ul>
									<li><a href="#" class="fade">Category</a></li>
									<li><a href="#" class="fade">Another Category</a></li>
                                    <li class="icon_sub"><a href="#" class="fade">Another Sub Menu</a>
                            			<ul>
											<li><a href="#" class="fade">Category</a></li>
											<li><a href="#" class="fade">Another Category</a></li>
										</ul>                            
                            		</li> 
								</ul>                            
                            </li> 
						</ul>
					</li>
					<li class="icon_drop"><a href="#">MEDIA GALLERIES</a>
						<ul>
                            <li><a href="gallery1.html" class="fade">Standard</a></li>
							<li><a href="gallery2.html" class="fade">Filterable</a></li>
						</ul>                    
                    </li>
					<li class="current icon_drop"><a href="#">BLOG</a>
						<ul>
                            <li><a href="blog.html">Blog Page</a></li>
							<li><a href="post.html" class="fade">Single Post</a></li>
						</ul> 
                    </li>                    
                    <li><a href="contact.html">CONTACT</a></li>
				</ul>
			</div>  
	</div>
    <!--End Main Nav-->
</div>
<!--End Main Bar-->

<div class="clearsmall"></div>
    
<div class="headertext">BLOG<span>Dolor vel metus atu accumsan</span></div>

<div class="container_12">

    <div class="grid_9">
    
         <!--Pagination-->
         <ul id="pagination">
         	<li class="active">1</li>
         	<li class="normal"><a href="#">2</a></li>
         	<li class="normal"><a href="#">3</a></li>
            <li class="normal"><a href="#">4</a></li>
            <li class="normal"><a href="#">5</a></li>
            <li class="normal"><a href="#">6</a></li>
         </ul>
         <!--End Pagination-->
         
		<div class="clearsmall"></div>
    
    	<!--Blog Post-->
        <div class="hover_slideshow">
        	<a href="images/placeholder.jpg" rel="prettyPhoto[blog1]" title="Blog post with lightbox gallery">
            <img src="images/blog/image4.jpg" alt="" width="660" height="240"/></a>
            <a href="images/placeholder.jpg" rel="prettyPhoto[blog1]" title="Additional image or video"></a>
            <a href="images/placeholder.jpg" rel="prettyPhoto[blog1]" title="Another image or video"></a>
        </div>
        <div class="blog_box">
			<div class="grid_2">
            	<h4>June 25, 2012</h4>
                <div class="dividerslim"></div>
                <h6>Comments: <a href="#" class="color">10</a></h6>
                <h6>Tags: <a href="#" class="color">Advertising</a>, <a href="#" class="color">Film</a></h6>
                <div class="dividerslim"></div>
                <a href="post.html" class="button highlight small" title="Permalink to Blog Post with Lightbox Gallery">Permalink</a>
            </div>
        <div class="grid_6">
        	<h4><a href="post.html" title="Permalink to Blog Post with Lightbox Gallery">BLOG POST WITH LIGHTBOX GALLERY</a></h4>
            <p>Balance ipsum dolor sit amet consectetur adipiscing <span class="italic">elit cras ultricies dictum luct</span></p>
        </div>
        
        <div class="clearnospacing"></div>                              
    	</div>
    	<!--End Blog Post-->
        
        <div class="clear"></div>
        
		<!--Blog Post-->
        <!--Nivo Slider-->
    	<div class="nivo_container">
    		<div id="slider" class="nivoSlider">
         
        		<img src="images/blog/image1.jpg" alt="" title=""/>
            	<img src="images/blog/image2.jpg" alt="" title=""/>
            	<img src="images/blog/image3.jpg" alt="" title=""/>
                
        	</div>          
    	</div>
		<!--End Nivo Slider-->
        <div class="blog_box">
			<div class="grid_2">
            	<h4>June 25, 2012</h4>
                <div class="dividerslim"></div>
                <h6>Comments: <a href="#" class="color">10</a></h6>
                <h6>Tags: <a href="#" class="color">Advertising</a>, <a href="#" class="color">Film</a></h6>
                <div class="dividerslim"></div>
                <a href="post.html" class="button highlight small" title="Permalink to Blog Post with Slideshow">Permalink</a>
            </div>
        	<div class="grid_6">
            	<h4><a href="post.html" title="Permalink to Blog Post with Slideshow">BLOG POST WITH SLIDESHOW</a></h4>
                <p>Balance ipsum dolor sit amet consectetur adipiscing <span class="italic">elit cras ultricies dictum luct</span> Sed lacinia velit a orci arg tincid et sagittis erat egestas vestibulum et sagittis erat.</p>
            </div>
            
        <div class="clearnospacing"></div>                              
        </div>
        <!--End Blog Post-->
         
         <div class="clear"></div>
                            
        <!--Blog Post-->
        <div class="hover_video">
        	<a href="http://vimeo.com/29017795?width=800&amp;height=450" rel="prettyPhoto" title="This is a video, it can be Vimeo or Youtube">
            <img src="images/blog/image5.jpg" alt="" width="660" height="240"/></a>
        </div>
        <div class="blog_box">
			<div class="grid_2">
            	<h4>June 25, 2012</h4>
                <div class="dividerslim"></div>
                <h6>Comments: <a href="#" class="color">10</a></h6>
                <h6>Tags: <a href="#" class="color">Advertising</a>, <a href="#" class="color">Film</a></h6>
                <div class="dividerslim"></div>
                <a href="post.html" class="button highlight small" title="Permalink to Blog Post with Video">Permalink</a>
            </div>
          	<div class="grid_6">
           		<h4><a href="post.html" title="Permalink to Blog Post with Video">BLOG POST WITH VIDEO</a></h4>
                <p>Egestas <span class="bold">vestibulum vestibulum</span> elit ac aliquet phasellus at dolor vel metus atu accumsan lobortisie morbi Lorem ipsum dolor sit amet dolor vel metus.</p>
            </div>
            
         <div class="clearnospacing"></div>                              
         </div>
         <!--End Blog Post-->
         
         <div class="clear"></div>
    
    	<!--Blog Post-->
        <div class="hover_link">
        	<a href="post.html" title="This is a url link">
            <img src="images/blog/image6.jpg" alt="" width="660" height="240"/></a>
        </div>
        <div class="blog_box">
			<div class="grid_2">
            	<h4>June 25, 2012</h4>
                <div class="dividerslim"></div>
                <h6>Comments: <a href="#" class="color">10</a></h6>
                <h6>Tags: <a href="#" class="color">Advertising</a>, <a href="#" class="color">Film</a></h6>
                <div class="dividerslim"></div>
                <a href="post.html" class="button highlight small" title="Permalink to Blog Post with Standard Image Link">Permalink</a>
            </div>
        <div class="grid_6">
        	<h4><a href="post.html" title="Permalink to Blog Post with Standard Image Link">BLOG POST WITH STANDARD IMAGE LINK</a></h4>
            <p>Balance ipsum dolor sit amet consectetur adipiscing <span class="italic">elit cras ultricies dictum luct</span></p>
        </div>
        
        <div class="clearnospacing"></div>                              
    	</div>
    	<!--End Blog Post-->
         
         <div class="clear"></div>

         <!--Pagination-->
         <ul id="pagination">
         	<li class="active">1</li>
         	<li class="normal"><a href="#">2</a></li>
         	<li class="normal"><a href="#">3</a></li>
            <li class="normal"><a href="#">4</a></li>
            <li class="normal"><a href="#">5</a></li>
            <li class="normal"><a href="#">6</a></li>
         </ul>
         <!--End Pagination-->
                            
    <div class="clear"></div>                           

    </div>
    <!--End Grid 9-->
    
	<!--Start Sidebar--> 
    <div class="grid_3 sidebarright alignright">
    
            <!--Search-->	
			<form method="get" id="searchform" action="#">
				<fieldset class="search">
				<input type="text" class="field" value="Search" onFocus="if(this.value=='Search')this.value='';" onBlur="if(this.value=='')this.value='Search';"/>
				<button class="btn"></button>
				</fieldset>
			</form>
            
            <div class="clear"></div>               

            <h4>RECENT NEWS</h4>
            <!--Start Image Widget-->              
            <div class="imagewidget">
        		<ul>
            		<li><img src="images/blog/image1.jpg" alt="" height="40" width="50"/><a href="#"> Phasellus totor scing<span class="light italic"><br />Read More</span></a></li>
                    <li><img src="images/blog/image2.jpg" alt="" height="40" width="50"/><a href="#"> Sem lacinia an mauris<span class="light italic"><br />Read More</span></a></li>
            		<li><img src="images/blog/image3.jpg" alt="" height="40" width="50"/><a href="#"> Egestas phaslus sceler<span class="light italic"><br />Read More</span></a></li>
            		<li><img src="images/blog/image4.jpg" alt="" height="40" width="50"/><a href="#"> Facilisis metus aliquet<span class="light italic"><br />Read More</span></a></li>
            	</ul>
   			</div>
            <!--End Image Widget-->
            
            <div class="clear"></div>               
             
            <h4>POPULAR POSTS</h4>
            <!--Start List Widget-->              
            <div class="widget">
        		<ul>
            		<li><a href="#">Phasellus tortor - <span class="light italic">5 Comments</span></a></li>
                    <li><a href="#">Sem lacinia ante - <span class="light italic">8 Comments</span></a></li>
                    <li><a href="#">Tristique ante ut - <span class="light italic">5 Comments</span></a></li>
            		<li><a href="#">Egestas phasellus - <span class="light italic">2 Comments</span></a></li>
            		<li><a href="#">Facilisis metus - <span class="light italic">12 Comments</span></a></li>
            		<li><a href="#">Asellus tortor - <span class="light italic">4 Comments</span></a></li>                                   
        		</ul>
   			</div>
            <!--End List Widget-->
            
            <div class="clear"></div>       

            <h4>RECENT EVENTS</h4>
            <!--Flickr-->
            <ul id="sidebarflickr" class="sidebarthumbs">
            <li></li>
            </ul>
            <!--End Flickr-->
            
            <div class="clear"></div>
            
    		<h4>NEWS</h4>
            <p>Lorem ipsum dolor sit amet <span class="bold">bold font</span> adipiscing elit. Proin vel <span class="italic">"italics mauris con lacinia dapibus"</span> sit amet neque. Praesent scelerisque <span class="underline">underline amet ante suscipit</span> et aliquet magna fringilla. <span class="bold italic">Bold itallic a purus ut</span> justo.</p>            
            
            <div class="clear"></div>
            
            <h4>TAGS</h4>
            <a href="#" class="button tag small">These</a> <a href="#" class="button tag small">Are</a> <a href="#" class="button tag small">Tags</a> <a href="#" class="button tag small">And</a> <a href="#" class="button tag medium">Can </a> <a href="#" class="button tag large">Be</a> <a href="#" class="button tag large">Labeled</a> <a href="#" class="button tag medium">Anything</a> <a href="#" class="button tag small">You</a> <a href="#" class="button tag small">Want</a> <a href="#" class="button tag small">These</a> <a href="#" class="button tag small">Are</a> <a href="#" class="button tag small">Tags</a> <a href="#" class="button tag small">And</a> <a href="#" class="button tag small">Can </a> <a href="#" class="button tag small">Be</a> <a href="#" class="button tag small">Labeled</a> <a href="#" class="button tag small">Anything</a> <a href="#" class="button tag small">You</a> <a href="#" class="button tag small">Want</a>
            
            <div class="clear"></div>
       
     </div>
     <!--End Sidebar-->
    
</div>

<div class="clearnospacing"></div>

</div>
<!--End Box--> 

<!--Footer-->
<div class="footer">
    <div class="footer_container">       
        
     			<div class="footer1">
        			<h4>COMPANY</h4>
       				<div class="clear"></div>           
					<p>Lorem ipsum dolor sit amet <span class="bold">bold font</span> adipiscing elit. Proin vel <span class="italic">"italics mauris con lacinia dapibus"</span> sit amet neque. Praesent scelerisque <span class="underline">underline amet ante suscipit</span> et aliquet magna fringilla. <span class="bold italic">Bold itallic a purus ut</span> justo.</p>                          
        		</div>      
     			<div class="footer2">
        			<h4>RECENT EVENTS</h4>
        			<div class="clear"></div>
            		<!--Flickr-->
					<ul id="basicuse" class="thumbs">
            			<li></li>
          			</ul>
        		</div>                
     			<div class="footer3">
        			<h4>INFO</h4>
       				<div class="clear"></div>            
        			<p class="highlight"><span class="phone"> 000 011(1234) 458-2300</span></p>
            		<p class="highlight"><span class="fax"> 000 011(1234) 458-4300</span></p>
           	 		<p class="highlight"><span class="email bold"> <a href="mailto:contact@balance.com">contact@balance.com</a></span></p>
            		<p class="highlight"><span class="mail">44 W 63rd St, New York, NY 10023</span></p> 
         		</div>        
     			<div class="footer4">                
    				<h4>CONTACT</h4>
        			<div class="clear"></div>           
					<!--Form--> 
        			<iframe src='contactfooter/contactform.php' frameborder='0'
					width='222' height='200' marginwidth="0" scrolling="no"></iframe>
       				<!--End Form-->
        		</div>
        
    <div class="clearnospacing"></div>
    </div>
</div>

<!--Copyright Section-->
<div class="bottombar">
    <div class="bottombar_container">
    
        <div class="copyright">&copy; Balance. All Rights Reserved. Design by <a href="#" class="bold">ignitethemes</a></div>
        
        <div class="bottom_nav">
            <div class="crumb_navigation">
            	<ul>
		    		<li><a href="index_home.html" class="fade">Home</a></li>
		    		<li><a href="about.html" class="fade">About</a></li>
		   			<li><a href="services.html" class="fade">Features</a></li>
                 	<li><a href="gallery1.html" class="fade">Portfolio</a></li>
                    <li><a href="blog.html" class="fade">Blog</a></li>
                    <li><a href="contact.html" class="fade">Contact</a></li>
                </ul>
			</div>
        </div>
        
        <p><a href="#top" id="top-link"></a></p> 
        
    </div>   
</div>
<!--END Copyright Section-->
<!--End Footer-->

<script type="text/javascript" src="js/custom_filter.js"></script>

<!--Tool Tip-->
<script type="text/javascript">
var tip = $();
$(document).ready(function() {
    //Tooltips
    $(".tip_trigger").hover(function(){
        tip = $(this).find('.tip');
        tip.show(); //Show tooltip
    }, function() {
        tip.hide(); //Hide tooltip
    }).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coodrinates
        var mousey = e.pageY + 20; //Get Y coordinates
        var tipWidth = tip.width(); //Find width of tooltip
        var tipHeight = tip.height(); //Find height of tooltip

        //Distance of element from the right edge of viewport
        var tipVisX = $(window).width() - (mousex + tipWidth);
        //Distance of element from the bottom of viewport
        var tipVisY = $(window).height() - (mousey + tipHeight);

        //Absolute position the tooltip according to mouse position
        tip.css({  top: mousey, left: mousex });
    });
});
</script>

<!--Tabs-->
<script type="text/javascript" src="js/tabs.js"></script>

<!--Toggle-->
<script type="text/javascript">
$(function() {
    $(".expand").toggler({initShow: "div.collapse:first", method: "slideFadeToggle"});
    // --- Other options:
    //$(".expand").toggler({method: "toggle", speed: 0});
    //$(".expand").toggler({method: "toggle"});
    //$(".expand").toggler({speed: "fast"});
    //$(".expand").toggler({method: "fadeToggle"});
    //$(".expand").toggler({method: "slideFadeToggle"});    
    $("#content").expandAll({trigger: ".expand", ref: "div.demo",  speed: 600, oneSwitch: false});
});
</script>

<!--Coda Slider-->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#coda-slider-1').codaSlider();
	});
</script> 

</body></html>